<template>
  <div class="cash-box">
    <div class="item-cash-title"><span class="title-icon"></span>充值记录</div>
    <div class="cash-title-list">
      <div
        class="item-title"
        :class="{action:Action==='1'}"
        @click="OnlineCash('1')"
      >线上充值记录</div>
      <div
        class="item-title"
        :class="{action:Action==='2'}"
        @click="OnlineCash('2')"
      >线下充值记录</div>
      <!-- <div
        class="item-title"
        :class="{action:Action==='3'}"
        @click="OnlineCash('3')"
      >未匹配记录</div> -->
    </div>
    <div
      class="table-list-box"
      v-if="Action==='1'"
    >
      <OnlineComponent></OnlineComponent>
    </div>
    <div
      class="table-list-box"
      v-if="Action==='2'"
    >
      <OnplayComponent></OnplayComponent>
    </div>
    <!-- <div
      class="table-list-box"
      v-if="Action==='3'"
    >
      <unmatchComponent></unmatchComponent>
    </div> -->
  </div>
</template>
<style scoped src='./cash.css'>
</style>
<script src="./cash.js">

</script>